{% extends 'base_dashboard.html' %}
{% load site_tags %}

{% block title %}{{ action }} — {{ site_settings.institute_name }}{% endblock %}

{% block content %}
<div class="d-flex justify-content-between mb-4">
  <h4 class="fw-bold mb-0">{{ action }}</h4>
  <a href="{% url 'certifications:admin_programs' %}" class="btn btn-outline-secondary btn-sm">Back</a>
</div>
<div class="card border-0 shadow-sm rounded-4">
  <div class="card-body p-4">
    <form method="post" enctype="multipart/form-data">
      {% csrf_token %}
      <div class="row g-3">
        {% for field in form %}
        <div class="col-md-{% if field.name == 'full_description' or field.name == 'short_description' or field.name == 'title' %}12{% else %}6{% endif %}">
          {% if field.field.widget.input_type == 'checkbox' %}
            <div class="form-check form-switch mt-4">{{ field }} <label class="form-check-label">{{ field.label }}</label></div>
          {% else %}
            <label class="form-label fw-semibold small">{{ field.label }}</label>
            {{ field }}
          {% endif %}
          {% if field.help_text %}<div class="form-text">{{ field.help_text }}</div>{% endif %}
          {% if field.errors %}<div class="text-danger small">{{ field.errors.0 }}</div>{% endif %}
        </div>
        {% endfor %}
      </div>
      <button class="btn btn-primary mt-4">Save</button>
    </form>
  </div>
</div>
{% endblock %}